<template>
    <div class="my-form-wrapper">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: 'my-form',
        // 将自身传递出去 以便验证函数使用
        provide() {
            return {
                form: this
            }
        },
        props: {
            model: { // 用户输入数据绑定
                type: Object,
                required: true
            },
            rules: { // 验证规则 通过provide传递给myFormItem组件
                type: Object
            }
        },
    }
</script>

<style scoped>
    .my-form-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: .2rem;
    }
</style>
